<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>响应式栅格系统的使用</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <style>
        body {
            color: #686868;
            font-family: "微软雅黑";
        }
    </style>
</head>

<body>
<!--网页主体-->
<div class="container">
    <div class="row cont">
        <div class="col-md-4 col-xs-12 text-center">
            <img class="myimg" src="images/01.jpg" alt=""/>
        </div>
        <div class="col-md-8 col-xs-12">
            <h3>献给父亲 身后默默支持的英雄</h3>
            <p>歌手许飞的新曲《父亲写的散文诗》，便是这样一首可唱可颂的作品。作为父亲节的献礼之作，许飞用独特的“流逝感”曲风，深情诠释了这首时光流淌后凝结出的父爱之诗。</p>
           <div class="row">
               <ul class="col-md-6 col-xs-12">
                   <li>这是一首由董玉方作词，许飞作曲、演唱的歌曲</li>
                   <li>2017年3月14日，音乐人李健自弹自唱</li>
                   <li>同年6月份姚晨在《跨界歌王》半决赛中翻唱该曲</li>
               </ul>
               <ul class="col-md-6 col-xs-12">
                   <li>2017年8月朱婷婷在《中国新歌声第二季》翻唱歌曲。</li>
                   <li>2018年8月刘乐瑶在《中国新声代第五季》翻唱歌曲。</li>
               </ul>
           </div>
            <a href="#">了解详情</a>
        </div>
    </div>
    <div class="row cont ">
        <div class="col-md-4 col-xs-12 text-center">
            <img class="myimg" src="images/02.jpg" alt=""/>
        </div>
        <div class="col-md-8 col-xs-12">
            <h3>东北喊麦的市侩劲儿和复古迪斯科的强劲节奏</h3>
            <p>《野狼disco》是中国说唱男歌手宝石gem作词、作曲并演唱的一首歌曲，于2019年9月2日以单曲形式发行。</p>
            <div class="row">
                <ul class="col-md-6 col-xs-12">
                    <li>宝石gem推出与陈伟霆合作的《野狼disco》混音版本</li>
                    <li>另类却又亲切，押着俗常的韵脚，又抖着意外的机灵</li>
                    <li>北方人儿时的记忆</li>
                </ul>
                <ul class="col-md-6 col-xs-12">
                    <li>青春期的偶像，和一点点自嘲的勇气</li>
                    <li>港台金曲风</li>
                    <li>从短视频平台一众民间主播到明星都被这节奏折服</li>
                </ul>
            </div>
            <a href="#">了解详情</a>
        </div>
    </div>

</div>

</body>
</html>